<template>
  <div class="myClassPx">
    <div class="header">
      <i class="iconfont icon-zyojiantou" @click="comeBack"></i>
      平行班列表
    </div>
    <div class="contentList">
      <div class="listOne" v-for="contents in content" >
        <div class="listOneTop">
          <span class="listOneName">{{contents.name}}</span><em>(￥{{contents.totalFee}})</em>
          <span class="listOneRevoke" @click="hb(contents.id,contents.orgId)">换班</span>
        </div>
        <div class="listOneTitleBox">
          <div class="listOneTitle">
            <p>年份：{{contents.year}}</p>
            <p>班级代码：{{contents.code}}</p>
            <p>开课/结课时间：{{contents.beginDate}}/{{contents.endDate}}</p>
            <p>上课时间和地点：{{contents.schedule}}</p>
          </div>
        </div>
        <!--<div class="listOneText">
          <p><i class="iconfont icon-icon2"></i> 开课/结课时间：<span>{{contents.beginDate}}至{{contents.endDate}}</span></p>
          <div class="upClassTime">
            <div class="upClassTitle"><i class="iconfont icon-icon2"></i> 上课时间和地点：</div>
            <div  class="upClassHow">{{contents.schedule}}</div>
          </div>
        </div>-->
      </div>
      <div class="lookMoreBtnBox" v-show="content.length > 0">
        <div class="lookMoreBtn" @click="lookMore">查看更多</div>
      </div>

      <!--<div class="listOne">-->
        <!--<div class="listOneTop">-->
          <!--<span class="listOneName">K3C01-2</span><em>(￥550)</em>-->
          <!--<span class="listOneAppointment">预约中</span>-->
          <!--<img src="../../images/naozhong.png" alt="">-->
        <!--</div>-->
        <!--<div class="listOneTitleBox">-->
          <!--<div class="listOneTitle">-->
            <!--<p class="listOneTitleFirst">区域：测试单位</p>-->
            <!--<p>预约号：mh111000599</p>-->
            <!--<p>过期时间：2017-11-30</p>-->
          <!--</div>-->
          <!--<div class="revokeBtn">-->
            <!--<i class="iconfont icon-return"></i>-->
            <!--<p>撤销</p>-->
          <!--</div>-->
        <!--</div>-->
        <!--<div class="listOneText">-->
          <!--<p><i class="iconfont icon-icon2"></i> 专业（程度）：<span>模型（初级）</span></p>-->
          <!--<p><i class="iconfont icon-icon2"></i> 报名限制：<span>小学二年级 - 小学四年级</span></p>-->
          <!--<div class="upClassTime">-->
            <!--<div class="upClassTitle"><i class="iconfont icon-icon2"></i> 上课时间和地点：</div>-->
            <!--<div class="upClassHow">周六 09:40-11:10 空港二楼 215室</div>-->
          <!--</div>-->
        <!--</div>-->
      <!--</div>-->
    </div>
  </div>
</template>

<style lang="scss" src='./pxClass.scss'></style>
<script src="./pxClass.js"></script>
